<!DOCTYPE html>
<html  ng-app>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>yunSpace</title>
    <!-- Path to Framework7 Library CSS-->
    <link rel="stylesheet" href="css/framework7.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
      <link rel="stylesheet" href="css/ionicons.min.css"/>
    <!-- Path to your custom app styles-->
    <link rel="stylesheet" href="css/my-app.css">
  </head>
  <body >
    <!-- Status bar overlay for fullscreen mode-->
    <div class="statusbar-overlay"></div>
    <!-- Panels overlay-->
    <div class="panel-overlay my_panel-overlay"></div>
    <!-- Left panel with reveal effect-->
    <div class="panel panel-left panel-cover my_panel_left">
      <div class="">
          <div class="c_img">
              <a href="person.html">
                  <img src="images/order-c.jpg" alt=""/>
                  <div class="user_info">
                      <img src="images/01.png" alt=""/>
                      <p class="myName"></p>
                      <P class="myAccount">公司: <span></span></P>

                  </div>
              </a>
              <div class="panel_list">
                  <ul>
                      <li class=""><a href="order.html" class="close-panel"><i class="ion-android-home"></i>首页</a></li>
                      <li><a href="" class="close-panel"><i class="fa fa-skyatlas"></i>云服务</a></li>
                      <li><a href="" class="close-panel"><i class="ion-ios-chatbubble"></i>云消息</a></li>
                      <!--<li class=""><a href=""><i class="ion-ios-home"></i>首页</a></li>-->
                      <!--<li><a href=""><i class="ion-ios-cloud-outline"></i>云服务</a></li>-->
                      <!--<li><a href=""><i class="ion-ios-chatbubble"></i>云消息</a></li>-->
                  </ul>
                  <ul>
                      <li class=""><a href="" class="close-panel"><i class="ion-ios-person"></i>账户管理</a></li>
                      <li><a href="" class="close-panel"><i class="ion-ios-world-outline"></i>企业服务</a></li>
                      <li><a href="" class="close-panel"><i class="ion-ios-briefcase-outline"></i>我的钱包</a></li>
                  </ul>
              </div>
          </div>
      </div>
        <span class="logOut" id="logOut">
            <i class="ion-log-out"></i>退出登录
        </span>
    </div>
    <!-- Right panel with cover effect-->
    <div class="panel panel-right panel-cover my_panel_right">
      <div class="content-block mt0 pt0">
          <div class="fil_list active">
            <p>空间场地类型 <span><i class="fa fa-angle-down"></i></span></p>
            <ul>
                <li class="active"><a href="#">全部</a></li>
                <li><a href="#">商业广场</a></li>
                <li><a href="#">艺术馆画廊</a></li>
                <li><a href="#">体育场馆</a></li>
            </ul>
          </div>
          <div class="fil_list">
              <p>适合活动类型 <span><i class="fa fa-angle-down"></i></span></p>
              <ul>
                  <li><a href="#">全部</a></li>
                  <li><a href="#">商业广场</a></li>
                  <li><a href="#">艺术馆画廊</a></li>
                  <li><a href="#">体育场馆</a></li>
              </ul>
          </div>
          <div class="fil_list">
              <p>适合活动类型 <span><i class="fa fa-angle-down"></i></span></p>
              <ul>
                  <li><a href="#">全部</a></li>
                  <li><a href="#">商业广场</a></li>
                  <li><a href="#">艺术馆画廊</a></li>
                  <li><a href="#">体育场馆</a></li>
              </ul>
          </div>
      </div>
    </div>
    <!-- Views-->
    <div class="views tabs toolbar-through tabbar-through">
      <!-- Your main view, should have "view-main" class-->
        <div id="mainView" class="view view-main tab active">
            <div class="navbar navbar-hidden">
                <div class="navbar-inner">
                    <div class="center sliding">yunSpace</div>
                </div>
            </div>
          <div class="pages">
              <div data-page="loginView" class="page no-navbar no-tabbar no-toolbar no-swipeback loadWithLogo" id="loadWithLogo">
                  <img src="images/logo_b.png" alt=""/>
              </div>

          </div>
      </div>


        <div id="messageView" class="view tab">

            <!-- We don't need full layout here, because this page will be parsed with Ajax-->
            <!-- Top Navbar-->
            <div class="navbar">
                <div class="navbar-inner">
                    <!--<div class="left"><a href="#" class="back link"> <i class="fa fa-2 fa-angle-left"></i></a></div>-->
                    <!--<div class="left"><a href="#" class="link back"> <i class="fa fa-angle-left"></i><span>返回</span></a></div>-->
                    <div class="center sliding">消息</div>
                    <!--<div class="right">-->
                    <!--<a href="#" class="link icon-only open-panel" data-panel="right"><i class="fa fa-filter"></i></a>-->
                    <!--</div>-->
                </div>
            </div>
            <div class="pages">
                <!-- Page, data-page contains page name-->
                <div data-page="message" class="page navbar-through toolbar-through tabbar-through">
                    <form data-search-list=".list-block-search" data-search-in=".item-title" class="searchbar searchbar-init">
                        <div class="searchbar-input">
                            <input type="search" placeholder="搜索" id="searchMessage" class="searchMessage"><a href="#" class="searchbar-clear" ></a>
                        </div><a href="#" class="searchbar-cancel">取消</a>
                    </form>

                    <!-- Search bar overlay-->
                    <div class="searchbar-overlay"></div>
                    <!-- Scrollable page content-->
                    <div class="page-content my_page_content message_list">
                        <ul id="messageList">
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div id="serviceView" class="view tab">
            <div class="navbar">
                <div class="navbar-inner">
                    <div class="center sliding">服务内容</div>
                </div>
            </div>
            <div class="pages">
                <!-- Page, data-page contains page name-->
                <div data-page="service" class="page navbar-through toolbar-through tabbar-through" id="service">
                    <div class="page-content my_page_content message_list pull-to-refresh-content">
                        <div class="pull-to-refresh-layer">
                            <div class="preloader"></div>
                            <div class="pull-to-refresh-arrow"></div>
                        </div>
                        <div class="serviceTabNav">
                            <div class="buttons-row">
                                <a href="#tab1" class="tab-link active button" style="border-radius: 5px">我的服务</a>
                            </div>
                        </div>
                        <ul id="serviceList">

                        </ul>
                        <div class="more_list content-block my_button" id="moreServiceList">
                            <a href="#" class="button">点击加载更多</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="purseView" class="view tab">
            <div class="navbar">
                <div class="navbar-inner">
                    <!--<div class="left"><a href="#" class="back link"> <i class="fa fa-2 fa-angle-left"></i></a></div>-->
                    <!--<div class="left"><a href="#" class="link back"> <i class="fa fa-angle-left"></i><span>返回</span></a></div>-->
                    <div class="center sliding">钱包账户</div>
                    <!--<div class="right">-->
                    <!--<a href="#" class="link icon-only open-panel" data-panel="right"><i class="fa fa-filter"></i></a>-->
                    <!--</div>-->
                </div>
            </div>
            <div class="pages">
                <div data-page="service" class="page navbar-through toolbar-through tabbar-through">
                    <div class="page-content my_page_content">
                        <div class="purseTop_block">
                            <p><i class="fa fa-money"></i>当前余额(元)</p>
                            <p>458.22</p>
                            <p class="line1"></p>
                            <p class="mt10">总资产(元)</p>
                            <p>100000000 <a href="">银行卡管理</a> <a href="">提现支出</a></p>
                        </div>

                        <div class="purseCenter">
                            <div class="clearfix purseTime">
                                <div>
                                    <p>2015年</p>
                                    <p><font>03</font>月<i class="fa fa-sort-desc"></i></p>
                                </div>
                                <div>
                                    <p>支出(元)</p>
                                    <p>24514.32</p>
                                </div>
                                <div>
                                    <p>收入(元)</p>
                                    <p>24514.32</p>
                                </div>
                            </div>
                            <div class="purseList message_list">
                                <ul>
                                    <li>
                                        <div class="message_block ">
                                            <div class="block_right">
                                                <p class="name">MYST <font>支出</font></p>
                                                <p class="content"><font>供应商：</font>云.SPACE</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="message_block ">
                                            <div class="block_right">
                                                <p class="name">云.SPACE <font>支出</font></p>
                                                <p class="content"><sapn>最新的平台上线时间是什么</sapn><span>17000</span></p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="message_block ">
                                            <div class="block_right">
                                                <p class="name">云.SPACE <font>支出</font></p>
                                                <p class="content"><sapn>最新的平台上线时间是什么</sapn><span>17000</span></p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="message_block ">
                                            <div class="block_right">
                                                <p class="name">云.SPACE <font>支出</font></p>
                                                <p class="content"><sapn>最新的平台上线时间是什么</sapn><span>17000</span></p>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="toolbar my_toolbar tabbar toolbar-hidden">
            <div class="toolbar-inner">
                <a href="#mainView" class="tab-link active my_tab_link">
                    <i class="ion-ios-list-outline"></i>
                    <span class="tabbar-label">订单</span>
                </a>
                <a href="#messageView" class="tab-link my_tab_link">
                    <i class="ion-ios-chatbubble"></i>
                    <span class="tabbar-label">消息</span>
                </a>
                <a href="#serviceView" class="tab-link my_tab_link">
                    <i class="ion-ios-world-outline"></i>
                    <span class="tabbar-label">服务内容</span>
                </a>
                <a href="#purseView" class="tab-link my_tab_link">
                    <i class="ion-ios-briefcase-outline"></i>
                    <span class="tabbar-label">钱包</span>
                </a>
            </div>
        </div>
    </div>

    <script id="show-order-template" type="text/template7">
        {{#each shows}}
        <div class="content_list my_block clearfix act">
            <a href="orderInfo.html?id={{id}}" class="clearfix" data-id="{{id}}">
                <div class="list_left fl">
                    <div class="list_time">
                        <font>更新时间：</font>{{update_time}}
                    </div>
                    <div class="my_block_top clearfix">
                        <span><i class="ion-ios-list-outline"></i><font>订单号:</font></span>
                        <span>{{order_no}}</span>
                    </div>
                    <div class="list_name">
                        <font>订单名称：</font>{{order_title}}
                    </div>

                </div>
                <div class="list_right">
                    <span class="act">{{order_status}}</span>
                </div>
            </a>
        </div>
        {{/each}}
    </script>
    <script id="show-order-info-template" type="text/template7">
        {{#shows}}
        <div class="order_info">
            <p class="order_info_no">
                <span><i class="fa fa-align-left iColor1"></i>订单号</span>
                <span>{{order_no}}</span>
            </p>
            <p class="mb25">
                <span><i class="fa fa-file-o iColor1"></i>订单名称</span>
                <span>{{order_title}}</span>
            </p>

            <p>
                <span><i class="fa fa-clock-o iColor2"></i>下单时间</span>
                <span>{{start_time}}</span>
            </p>
            <p class="mb25">
                <span><i class="fa fa-pencil-square-o iColor2"></i>订单状态</span>
                <span>{{order_status}}</span>
            </p>

            <p>
                <span><i class="fa fa-user iColor3"></i>联系人</span>
                <span>{{username}}</span>
            </p>
            <p class="mb25">
                <span><i class="fa fa-phone iColor3"></i>联系电话</span>
                <span>{{phone}}</span>
            </p>
        </div>
        {{/shows}}
    </script>
    <script id="show-person-info-template" type="text/template7">

        <div class="page-content">
            <div class="myBackBtn">
                <a href="#" class="link back"><i class="ion-ios-arrow-left"></i><span>返回</span></a>
            </div>
            <div class="personTop">
                <div class="img">
                    <img src="images/01.png" alt=""/>
                </div>
                <div>
                    RING TEST
                </div>
                <div class="info">
                    <span>普通用户</span>
                    <span>企业账户</span>
                    <span>等级-低</span>
                </div>
            </div>
            <div class="personCenter">
                <div class="list-block my_content_block">
                    <ul>
                        {{#balance}}
                        <li>
                            <a href="#" class="item-link">
                                <div class="item-content">
                                    <div class="item-inner">
                                        <div class="item-title"><font>余额：</font><span class="iColor2">{{this}}</span> 元</div>
                                    </div>
                                </div>
                            </a>
                        </li>
                        {{/balance}}
                        {{#each orders}}
                        <li>
                            <a href="#" class="item-link">
                                <div class="item-content">
                                    <div class="item-inner">
                                        <div class="item-title"><font>{{@key}}：</font><span class="iColor1">{{this}}</span> </div>
                                    </div>
                                </div>
                            </a>
                        </li>
                        {{/each}}
                    </ul>
                </div>
            </div>
        </div>
    </script>
    <script id="show-service-template" type="text/template7">
        {{#each shows}}
        <li>
            <a href="serviceInfo.html?id={{id}}" class="item-link item-content ">
                <div class="message_block ">
                    <p class="user_pic"><img src="images/01.png" alt=""/></p>
                    <div class="block_right">
                        <p class="name">{{product_name}} </p>
                        {{#if des}}
                            <p class="content" style="display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">{{des}}</p>
                        {{else}}
                            <p class="content"><font>地址：</font>{{addr}}</p>
                        {{/if}}
                    </div>
                </div>
            </a>
        </li>
        {{/each}}
    </script>
    <script id="show-service-info-template" type="text/template7">
        {{#shows}}
            <div class="serviceTopImg">
                {{#if media}}
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            {{#each media}}
                            <div class="swiper-slide">
                                <img src="{{path}}">
                                <!--<div class="preloader"></div>-->
                            </div>
                            {{/each}}
                        </div>
                        <div class="swiper-pagination color-white"></div>
                    </div>
                {{/if}}
            </div>
            <div class="serviceInfo_block">
                <p><i class="fa fa-users iColor1"></i>基本信息</p>
                <p><font>地址：</font>{{addr}}</p>
                <p><font>价格：</font>{{price}}元</p>
                {{#each attr}}
                    {{#if this}}
                        <p><font>{{@key}}：</font>{{this}}</p>
                    {{/if}}
                {{/each}}
                {{#if des}}
                    <p><font>描述：</font>{{des}}</p>
                {{/if}}
                {{#if memo}}
                     <p><font>备注：</font>{{memo}}</p>
                {{/if}}
            </div>

            {{#if marketing}}
                <div class="serviceInfo_block">
                    <p><i class="fa fa-money iColor3"></i>佣金详情</p>
                    <p><font>平台成交佣金：</font>{{marketing.platform_charges}}元</p>
                    <p><font>推广成交佣金：</font>{{marketing.recommend_charges}}元</p>
                    <!--<p><font>推广次数：</font>{{marketing.recommend_count}}</p>-->
                </div>
            {{/if}}

        {{/shows}}
    </script>
    <script id="show-message-template" type="text/template7">
        {{#each shows}}
        <li>
            <a href="messageContent.html?from_id={{id}}" class="item-link item-content ">
                <div class="message_block ">
                    <p class="user_pic"><img src="images/01.png" alt=""/></p>
                    <div class="block_right">
                        <p class="name">{{username}} <font>{{send_time}}</font></p>
                        {{#if c}}
                            <p class="content">{{c}}条信息未读</p>
                        {{else}}}
                            <p class="content">所有信息已读</p>
                        {{/if}}
                    </div>
                </div>
            </a>
        </li>
        {{/each}}
    </script>

    <script id="show-message-content-template" type="text/template7">
        {{#each shows}}
        <li>
            <a href="messageContent.html?from_id={{id}}" class="item-link item-content ">
                <div class="message_block ">
                    <p class="user_pic"><img src="images/01.png" alt=""/></p>
                    <div class="block_right">
                        <p class="name">{{username}} <font>{{send_time}}</font></p>
                        {{#if c}}
                        <p class="content">{{c}}条信息未读</p>
                        {{else}}}
                        <p class="content">所有信息已读</p>
                        {{/if}}
                    </div>
                </div>
            </a>
        </li>
        {{/each}}
    </script>
    <script type="text/javascript" src="cordova.js"></script>
    <script data-main="js/main" src="js/require.js"></script>

  </body>
</html>